
// 定义颜色
@blue: #3190e8;
@bc: #e4e4e4;
@fc:#fff;
@bdColor: #ddd; // 边框颜色 灰色
@grayColor: #A0A5AA; // 灰色字体
@green: #3FD7AC;
@red: #EF7373;
@yellow: #FFBF64;
@vipBg: #0E7CF4;
@mainBlue: #0E7AF0; //主蓝色
@bgColor: #f5f8fb; //主背景色
@mainWhite: #fff;
@mainBlack: #000;
@mainGray: #F5F5F5;
@lightBlue: #26a2ff;
@textGray: #707377;
@search-label-bc: #F6F7FB;
@font-theme-color: #0E7CF4;
@whiteBlue:#EAF3FD;
@borderGray: #E6E6E6;

// 定义标准内外边距等，距离变量
@pdWidth: 0.8rem;
@mdWidth: 0.8rem;
//@font12: rem;
@font13: 0.56rem;
@font14: 0.59rem;
@font16: 0.68rem;
@font18: 0.76rem;
@font20: 0.85rem;
@font1: 0.0426666rem;


// 背景图片地址和大小
.bis(@url) {
	background-image: url(@url);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.borderRadius(@radius) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
}
//定位全屏
.allcover{
	position:absolute;
	top:0;
	right:0;
}
.green {
	i {
		background: @green;
		display: inline-block;
	}
	span {
		color: @green!important;
	}
}
.red {
	i {
		background: @red;
		display: inline-block;
	}
	span {
		color: @red!important;
	}
}
.yellow {
	i {
		background: @yellow;
		display: inline-block;
	}
	span {
		color: @yellow!important;
	}
}

//定位上下左右居中
.center {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

//定位上下居中
.ct {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

//定位上下居中
.cl {
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}

//宽高
.wh(@width, @height){
	width: @width;
	height: @height;
}

//字体大小、行高、字体
.font(@size; @line-height; @family: 'Microsoft YaHei') {
	font: @size / @line-height  @family;
}

//字体大小，颜色
.sc(@size;@color){
	font-size: @size;
	color: @color;
}

//flex 布局和 子元素 对其方式
.fj(@type: space-between){
	display: flex;
	justify-content: @type;

}

.border-1px(@color) {
	position: relative;
	&:after{
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		border-top: 1px solid @color;
		content: ' '
	}
	  
}
 
